<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>量身定制</title>
	<meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no" name="viewport"/>
	<link rel="stylesheet" type="text/css" href="css/base.css">
	<link rel="stylesheet" type="text/css" href="css/tailor.css">
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/tailor.js"></script>
</head>
<body>
	<header>
		<a href="" class="demo-icon return">&#xe801;</a>
		<span>量身定制</span>
	</header>
	<div class="tailor">
		<ul>
			<li>
				<span>空余时间</span>
				<b>选择</b>
				<s class="demo-icon">&#xe802;</s>
			</li>
			<li>
				<span>兼职意向</span>
				<b>选择</b>
				<s class="demo-icon">&#xe802;</s>
			</li>
			<li>
				<span>兼职区域</span>
				<b>选择</b>
				<s class="demo-icon">&#xe802;</s>
			</li>
			<li>
				<span>个人定位</span>
				<b>选择</b>
				<s class="demo-icon">&#xe802;</s>
			</li>
		</ul>
		<input type="button" value="确定" class="btn">
	</div>

	<!-- 空闲时间弹框 -->
	<div class="heian"></div>
	<div class="time">
		<ul class="top clearfix">
			<li><a href="javascript:void(0);">一</a></li>
			<li><a href="javascript:void(0);">二</a></li>
			<li><a href="javascript:void(0);">三</a></li>
			<li><a href="javascript:void(0);">四</a></li>
			<li><a href="javascript:void(0);">五</a></li>
			<li><a href="javascript:void(0);">六</a></li>
			<li><a href="javascript:void(0);">日</a></li>
		</ul>
		<ul class="center clearfix">
			<li class="cur"><a href="javascript:void(0);">上午</a></li>
			<li><a href="javascript:void(0);">上午</a></li>
			<li><a href="javascript:void(0);">上午</a></li>
			<li><a href="javascript:void(0);">上午</a></li>
			<li><a href="javascript:void(0);">上午</a></li>
			<li><a href="javascript:void(0);">上午</a></li>
			<li><a href="javascript:void(0);">上午</a></li>
			<li><a href="javascript:void(0);">下午</a></li>
			<li><a href="javascript:void(0);">下午</a></li>
			<li><a href="javascript:void(0);">下午</a></li>
			<li><a href="javascript:void(0);">下午</a></li>
			<li><a href="javascript:void(0);">下午</a></li>
			<li><a href="javascript:void(0);">下午</a></li>
			<li class="cur"><a href="javascript:void(0);">下午</a></li>
			<li><a href="javascript:void(0);">晚上</a></li>
			<li class="cur"><a href="javascript:void(0);">晚上</a></li>
			<li><a href="javascript:void(0);">晚上</a></li>
			<li><a href="javascript:void(0);">晚上</a></li>
			<li><a href="javascript:void(0);">晚上</a></li>
			<li><a href="javascript:void(0);">晚上</a></li>
			<li><a href="javascript:void(0);">晚上</a></li>
		</ul>
		<div class="bottom">
			<a href="javascript:void(0);" class="sure">确定</a>
			<a href="javascript:void(0);" class="close">取消</a>
		</div>
	</div>

	<!-- 兼职意向 -->
	<div class="purpose">
		<ul>
			<li class="cur">
				<img src="images/purpose01.png" alt="">
				<span>传单派发</span>
			</li>
			<li>
				<img src="images/purpose02.png" alt="">
				<span>勤工俭学</span>
			</li>
			<li>
				<img src="images/purpose03.png" alt="">
				<span>小时工</span>
			</li>
			<li>
				<img src="images/purpose04.png" alt="">
				<span>促销员</span>
			</li>
			<li>
				<img src="images/purpose05.png" alt="">
				<span>服务员</span>
			</li>
			<li>
				<img src="images/purpose06.png" alt="">
				<span>家教</span>
			</li>
			<li>
				<img src="images/purpose07.png" alt="">
				<span>客服</span>
			</li>
			<li>
				<img src="images/purpose08.png" alt="">
				<span>礼仪</span>
			</li>
			<li>
				<img src="images/purpose09.png" alt="">
				<span>软件开发</span>
			</li>
		</ul>
		<div class="bottom">
			<a href="javascript:void(0);" class="sure">确定</a>
			<a href="javascript:void(0);" class="close">取消</a>
		</div>
	</div>

	<!-- 兼职区域 -->
	<div class="area">
		<ul>
			<li><a href="javascript:void(0);">经济开发区</a></li>
			<li><a href="javascript:void(0);">环翠区</a></li>
			<li><a href="javascript:void(0);">高新区</a></li>
			<li><a href="javascript:void(0);">海淀区</a></li>
		</ul>
		<div class="bottom">
			<a href="javascript:void(0);" class="sure">确定</a>
			<a href="javascript:void(0);" class="close">取消</a>
		</div>
	</div>

	<!-- 个人定位 -->
	<div class="position">
		<ul class="p_class">
			<li class="cur">能力</li>
			<li>特长</li>
		</ul>
		<div class="spection">
			<ul class="cur">
				<li><span>责任心</span></li>
				<li><span>组织能力</span></li>
				<li><span>学习能力</span></li>
				<li><span>团队协作</span></li>
				<li><span>诚信</span></li>
				<li><span>交际能力</span></li>
				<li><span>应变能力</span></li>
				<li><span>执行能力</span></li>
			</ul>
			<ul>
				<li><span>游泳</span></li>
				<li><span>画画</span></li>
				<li><span>学霸</span></li>
				<li><span>乐器</span></li>
				<li><span>唱歌</span></li>
				<li><span>跳舞</span></li>
				<li><span>多种语言</span></li>
				<li><span>英语翻译</span></li>
				<li><span>唱歌</span></li>
				<li><span>跳舞</span></li>
				<li><span>唱歌</span></li>
				<li><span>跳舞</span></li>
			</ul>
			<div class="bottom">
				<a href="javascript:void(0);" class="sure">确定</a>
				<a href="javascript:void(0);" class="close">取消</a>
			</div>
		</div>
	</div>
</body>
</html>